zxzx.png@charset "utf-8";
/*头部区域*/
.top_up { width: 100%; height: 29px; border-bottom: 1px solid #e4e4e4; }
.top_region { width: 1075px; height: 30px; margin: 0 auto; }
/*左边*/
.left_region { width: 300px; height: 30px; line-height: 30px; }
.left_region .return_index { display: block; font-family: "宋体"; color: #48c61c; font-size: 12px; padding: 0 12px; }
.left_region .code { width: 94px; height: 30px; background: url(../images/a_1.jpg) no-repeat 12px 7px; }
.left_region .code span { display: block; margin-left: 25px; font-family: "宋体"; color: #a0a0a0; font-size: 12px; }
.left_region .decorate { font-size: 12px; color: #a0a0a0; }
.left_region .help { font-family: "宋体"; color: #a0a0a0; font-size: 12px; margin-left: 8px; }
/*右边*/
.right_region { width: auto; height: 30px; line-height: 30px; margin-right: 14px; }
.right_region a { float: left; font-family: "宋体"; font-size: 12px; color: #cccccc;  }
.right_region span { display: block; float: left; font-size: 12px; color: #cccccc; margin: 0 10px; }
.right_region .on { color: #9e9e9e; }
.right_region .di_map { position: relative; float: left; font-family: "宋体"; font-size: 12px; color: #cccccc; cursor: pointer; }
.right_region .di_map:hover .web_wap { display: block; }
.web_wap {width:700px;height:190px;background:#fdfdfd;position:absolute;z-inde:6000;top:28px;right:0;display:none;border:1px solid #ddd;padding-top:5px;}
.web_wap .web_wap_content { width:174px; height:100%;border-right:1px dashed #ddd;  float:left;}
.web_wap .web_wap_content .p1{font-size:16px;line-height:30px;color:#a1a1a1;font-weight:bold;}
.web_wap .web_wap_content li { width: 100%; line-height:24px; }
.web_wap .web_wap_content li a { display: block; width: 100%; text-indent: 20px; }
.web_wap .web_wap_content li a:hover { color: #48c61c; background: #ecf0f1; }

/*logo*/
.logo_region { width: 1075px; height: 95px; margin: 0 auto; }
.logo_region .logo { display: block; width: 360px; height: 95px; background: url(../images/logo.jpg) no-repeat; }
/*导航*/
.nav { width: 100%; height: 35px; background: #84ba0a; }
.nav_region { width: 1075px; height: 35px; margin: 0 auto; }
.nav_region li { float: left; padding: 0 42px; line-height: 35px; }
.nav_region li .size { font-size: 16px; color: #fff; }
.nav_region li.on { width: 300px; background: #6e9a07; text-align: center; padding: 0; }
/*内容块*/
.main { width: 100%; height: auto; background: #ececec; padding-bottom: 50px; }
/*banner region*/
.banner_region { width: 100%; height: 465px; background: url(../images/banner.jpg) no-repeat top center; }



/*content region*/
.main_down { width: 1198px; height: auto; margin: 40px auto 0 auto; }
/*选项卡*/
.tab_con { width: 100%; height: auto; }
.tab_left { width: 214px; height: 620px; background: #8ca3f3; }
.tab_left .nav_title { width: 100%; height: auto; color: #fff; font-size: 24px; font-weight: 600; text-align: center; padding-top: 56px; margin-bottom: 22px; }
.tab_nav { width: 180px; height: 32px; color: #374890; font-size: 16px; font-weight: 600; text-align: center; line-height: 32px; background: url(../images/tab_left-navbg.png) no-repeat; margin: 0 auto 7px auto; cursor: pointer; }
.tab_nav.on { color: #fff; background: url(../images/tab_left-navbg-1.png) no-repeat; }
.tab_right { width: 983px; height: 618px; background: #fff; border: 1px solid #e5e5e5; border-left: 0; }
.right_con { display: none; width: 100%; height: 620px; } 
.right_con.on { display: block; }
.right_con-left { width: 430px; height: 620px; }
.right_con-right { width: 548px; height: 580px; overflow-y: scroll; margin-top: 20px; }
.right_con-left img { width: 402px; margin: 88px 0 0 16px; }　
.text_con { width: 100%; height: auto; }
.text_con p { color: #707070; font-size: 14px; line-height: 25px; }
.text_con p.on { text-indent: 25px; }
.text_con a { color: #000000; font-size: 14px; }
.text_con a:hover { color: red; }
/*溯源跳转*/
.hns { width: 100%; height: auto; margin-top: 20px; }
.hns_left { width: 214px; height: 215px; background: #89c900; }
.hns_left span { display: block; width: 100%; color: #fff; font-size: 24px; font-weight: 600; text-align: center; line-height: 35px; margin: 0 auto; padding-top: 44px; }
.hns_right { width: 984px; height: auto; }
.hns_right li { float: left; width: 314px; height: 216px; margin-left: 14px; }
.hns_right li div { position: relative; width: 100%; height: 216px; }
.hns_right li div img { width: 100%; height: 100%; }
.hns_right li div a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 216px; background: url(../images/hei_bg.png); }
.hns_right li div a span { display: block; width: 127px; height: 127px; color: #9f2500; font-size: 24px; font-weight: 900; text-align: center; line-height: 30px; background: url(../images/a_bg.png) no-repeat; margin: 40px auto 0 auto; }
.hns_right li div a span em { display: inline-block; margin-top: 30px; }
/*七台河特色 电商产品*/
.tab_con.qthdscp { width: 100%; height: 500px; margin-top: 20px; }
.tab_con.qthdscp .tab_left { position: relative; height: 500px; background: #5ccae3; }
.tab_con.qthdscp .tab_left .nav_title { line-height: 34px; }
.more { position: absolute; bottom: 20px; right: 20px; color: #fff; text-decoration: underline; }

.tab_con.qthdscp .tab_nav { width: 185px; height: 44px; color: #1f778b; line-height: 44px; background: url(../images/beijing.png) no-repeat; }
.tab_con.qthdscp .tab_nav.on { color: #5ccae3; background: url(../images/beijing-bain.png) no-repeat; }
.tab_con.qthdscp .tab_right { height: 499px; border-bottom: 0; border-right: 0; }
.tab_con.qthdscp .right_con { height: 499px; }
.tab_con.qthdscp .right_con ul { width: 988px; height: auto; float: right; }
.tab_con.qthdscp .right_con li { float: left; width: 246px; height: 249px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;  }
.tab_con.qthdscp .right_con li a { position: relative; display: block; width: 215px; height: 215px; color: #fff; font-size: 14px; margin: 20px auto 0 auto; }
.tab_con.qthdscp .right_con li a img { width: 100%; height: 100%; }
.tab_con.qthdscp .right_con li a span { position: absolute; left: 0; bottom: 0; width: 100%; height: 23px; text-align: center; line-height: 23px; background: url(../images/span_bei.png); overflow: hidden; z-index: 100; }














/*footer region*/
.bottom_nav2_1 { text-align: center; }
.bottom_nav2 { width:100%; height:37px; text-align: center; line-height: 37px; color: #969696; margin:0 auto; background-color:#3B3B3B;}
.bottom_nav3{width:100%;margin:0 auto; background-color:#585858;padding:10px 0 20px 0;}
.bottom_nav2_3 { font-size: 14px; }
.bottom_nav2_3 a { display: inline-block; width: 100px; height: 20px; line-height: 20px; color: #7d7d7d; border-right: 1px solid #677e6a; margin-right: 5px; }
.fo_dao { width: 554px; height: 50px; margin: 20px auto; }
.fo_dao li { float: left; width: 125px; height: 48px; border: 1px solid #3b3b3b; margin: 0 5px; }
.bottom_nav4 { width: 485px; height: auto; margin: 0 auto; }
.bottom_nav4 li { float: left; }
.bottom_nav4 li span { margin: 0 5px; color: #a2a19f;  }
.bottom_nav4 li a { font-size: 12px; color: #a2a19f; }


/*list*/
.color_block { width: 100%; height: 20px; }
.main_list { width: 1200px; height: auto; background: #fff; margin: 0 auto; }
.li_title { width: 100%; height: 140px; text-align: center; border-bottom: 1px solid #e3e3e3; margin: 0 auto; } 
.li_title h1 { width: 100%; text-align: center; color: #6b6b6b; font-size: 36px; line-height: 140px; }
.li_con { width: 100%; height: 875px; margin: 60px auto 0 auto; }
.li_con li { float: left; width: 335px; height: auto; font-size: 16px; margin: 30px 30px; }
.li_con li a { display: block; width: 100%; height: auto; color: #2878db;}
.li_con li a p { display: block; width: 245px; height: 270px; background: url(../img/zxzx.png) no-repeat; margin: 0 auto; }
.li_con li a p em { display: inline-block; width: 100%; text-align: center; line-height: 60px; font-size: 48px; color: #6aadce; font-weight: 600; margin-top: 60px; }
.li_con li a p em.on { line-height: 48px; margin-top: 100px; }
.li_con li a span { display: inline-block; width: 100%; text-align: center; font-size: 18px; }

.li_con li a:hover span { color: #e80000; text-decoration: underline; }




.ul_main{ width: 1066px; height: auto; margin: 0 auto; padding-top: 52px; }
.ul_con { width: 1142px; height: auto; }
.ul_con li { position: relative; float: left; width: 223px; height: 151px; background: #2a7fb6; margin: 0 58px 65px 0; cursor: pointer; }
.ul_con li span { display: block; width: 100%; height: 56px; color: #fff; font-size: 16px; font-weight: 600; line-height: 56px; text-align: center; background: #3a99d9; }
.ul_con li img { margin: 28px 15px 0 43px; }
.ul_con li em { display: inline-block; color: #a1e0ef; font-size: 14px; text-decoration: underline; margin-top: 40px; }
.ul_con li:hover a { display: block; }
.ul_con li a { display: none; position: absolute; top: 0; left: 0; width: 223px; height: 151px; background: #2a7fb6; }
.ul_con li a img { margin: 46px 0 0 81px; }

.list_table { width: 1070px; height: auto; margin: 0 auto; padding-bottom: 60px; }
.list_table .table_title { display: inline-block; width: 100%; height: 38px; color: #2a2a2a; font-size: 26px; line-height: 38px; margin: 50px 0; background: url(../img/sp_3.jpg) no-repeat ; }
.list_table .table_title span { color: #5a84b4; }
.list_table .table_title label { margin-left: 40px; }
.list_table table th.se_1 { color: #eff4f8; background: #5a84b6;  }
.se_2 { background: #daeaf7; }
.se_3 { background: #a9c3de; }
.se_4 { background: #c0d7e9; }
.list_table table { width: 100%; height: auto; }
.list_table table th { text-align: center; color: #3e6993; font-size: 12px; font-weight: 600; height: 44px; }
.list_table table td { text-align: center; color: #5a86b7; font-size: 12px; font-family: "宋体"; font-weight: 600; height: 39px; border-bottom: 1px dashed #5884b5; }
.list_table table td.on { border-right: 1px dashed #dbe5ef; }



